<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" />
<meta name="copyright" content="">
<meta name="author" content="">
<title>AP课程专题</title>
<!-- <link rel="stylesheet" href="./static/css/style.css"> -->
<link rel="stylesheet" href="./static/css/element-ui.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./static/js/swiper-4.5.3.min.js"></script>
<link rel="stylesheet" href="./swiper/swiper.min.css" />
<script src="./static/js/element-ui.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body>
  <div id="app" class="gj-ap">
    <my-header :type="3">
      <template v-if="con">
        <div class="ny-banner clearfix" :style="'background-image: url(' + con.banner+')'" v-if="con.banner"></div>
        <div class="gj-how-main1 gj-level-main1 box">
          <div class="tit">《 什么是美国AP课程? 》</div>
          <div class="desc" v-html="con.desc"></div>
          <div class="line"></div>
          <div class="gj-how-tit">哪些学生适合美国AP课程？ </div>
          <dl class="gj-kc-ys-list flex-bect">
            <dd v-for="(item, i) in con.yslist" :key="i" class="item flex-lect" :class="['item'+i, i > con.yslist.length - 3 ? 'bt':'']">
              <img :src="item.ico" class="ico" alt="">
              <div class="div">
                <div class="name">{{item.tit}}</div>
                <div class="txt" v-html="item.con"></div>
              </div>
            </dd>
          </dl>
        </div>
        
        <div class="gj-level-main2">
          <div class="box clearfix">
            <div class="gj-how-tit flex-bect">
              <span>开设美国AP课程的国际学校推荐 </span>
              <span class="ri">不限户籍均可报名，名校触手可及</span>
            </div>
            <div class="list flex-bect" v-if="school">
              <a v-for="(item, i) in school" :key="i" :href="router.gjDetail+'?id='+item.id" class="item flex-bect ease">
                <div class="imgW"><img :src="item.src" alt="" class="img"></div>
                <div class="div flex1">
                  <div class="title row1">{{item.name}}</div>
                  <div class="nj"><b>招生年级：</b> <b v-for="items in item.nj" class="nj-lab">{{items}}</b></div>
                  <span class="fee">学&nbsp;&nbsp;&nbsp;&nbsp;费 ：<b>{{item.fee}}</b></span>
                  <div class="ri"><span class="address">{{item.address}}</span></div>
                </div>
              </a>
            </div>
            <div class="flex-ct page"><el-pagination background layout="total, prev, pager, next" :total="total" :page-size="8" @current-change="handleCurrentChange"></el-pagination></div>
          </div>
        </div>
        <gj-hownews v-if="con.list" :con="con.list" title="美国AP课程新闻动态，择校指南"></gj-hownews>
        
      </template>
    </my-header>
  </div>
  <style>
    
  </style>
  <script type="text/babel">
    let router = getPath()
    let time = new Date().getTime();
    new Vue({
      el: '#app',
      components: {
        'my-header': httpVueLoader('./components/header.vue?time='+time),
        'gj-hownews': httpVueLoader('./components/gj_hownews.vue?time='+time),
        
      },
      data:{
        router:router,
        con:null,
        total:30,
        tabs:null,
        tabId:1,
        school:null
      },
      mounted() {
        this.getCon();
      },
      
      methods: {
        getCon(){
          this.tabs = [{id:1, name:"日本课程"}, {id:2, name:"韩国课程"}, {id:3, name:"西班牙课程"}, {id:4, name:"意大利课程"}, {id:5, name:"德国课程"}]
          this.school = [
            {id:1, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"22万/年", nj:["十年级","十一年级","十二年级"], name:"北京四中国际课程佳莲校区AP高中部"},
            {id:2, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"22万/年", nj:["十年级","十一年级","十二年级"], name:"北京四中国际课程佳莲校区AP高中部"},
            {id:3, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"22万/年", nj:["十年级","十一年级","十二年级"], name:"北京四中国际课程佳莲校区AP高中部"},
            {id:4, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"22万/年", nj:["十年级","十一年级","十二年级"], name:"北京四中国际课程佳莲校区AP高中部"},
            {id:5, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"22万/年", nj:["十年级","十一年级","十二年级"], name:"北京四中国际课程佳莲校区AP高中部"},
            {id:6, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"22万/年", nj:["十年级","十一年级","十二年级"], name:"北京四中国际课程佳莲校区AP高中部"},
            {id:7, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"22万/年", nj:["十年级","十一年级","十二年级"], name:"北京四中国际课程佳莲校区AP高中部"},
            {id:8, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"22万/年", nj:["十年级","十一年级","十二年级"], name:"北京四中国际课程佳莲校区AP高中部"}
          ]
          this.con = {
            banner: './static/image/gj_20_AP/banner.png',
            desc:"AP全称是Advanced Placement，即美国大学预修课程，是由美国大学理事会（The College Board）主持，在高中阶段开设的具有大学水平的课程。AP课程涉及22个门类、37个学科，中国学生一般会选择3~6门课程学习。美国AP课程可以使高中学生提前接触大学课程，避免了高中和大学初级阶段课程的重复。目前，已有40多个国家的近3600所大学承认AP学分为其入学参考标准，其中包括哈佛、耶鲁、牛津、剑桥等世界名牌大学。AP考试成绩已经成为众多大学录取考虑因素中最为重要的依据之一",
            
            yslist:[
              {id:1, ico:"./static/image/gj_20_AP/ys-ico1.png", tit:"向往美国藤校的学生", con:"AP课程是美国所有大学最认可的 国际课程体系，以美国常春藤名校 留学为目标的学生首选课程"},
              {id:2, ico:"./static/image/gj_20_AP/ys-ico2.png", tit:"高中基础课程GPA优秀的学生", con:"AP课程与高中基础课程分开，适合<br>基础课程绩还不错，学有余力的学<br>生。高中基础课程GPA不高的学生<br>建议以稳定GPA为主"},
              {id:3, ico:"./static/image/gj_20_AP/ys-ico3.png", tit:"想节省留学时间的学生", con:"AP课程成绩可以抵扣美国大学入<br>学后相应课程学分，节省留学时<br>间和费用"},
              {id:4, ico:"./static/image/gj_20_AP/ys-ico4.png", tit:"理科比较好的学生", con:"AP课程理科类学科多一些，偏理科的<br>学生会在 AP 课程中比美国学生有优<br>势，数理化的成绩比较好容易拿到高<br>学分"},
            ],
            lclist:["选择意向<br>学校","预约开放日<br>深度了解","参加统一<br>入学测试","发放通知<br>顺利入学"],
            
            
            list:{
              news:[
                {id:1, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:2, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:3, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:4, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:5, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:6, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:7, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:8, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
              ],
              labs:[
                {id:1, text:'<span class="sp">孩子成绩不好</span>，北京哪所国际学校比较好考?'},
                {id:2, text:'"就读国际学校后还能<span class="sp">转回普通学校</span>吗?'},
                {id:4, text:'听说读国际学校要<span class="sp">年收入过百万</span>，真的假的?'},
                {id:5, text:'孩子读国际学校还可以<span class="sp">参加高考</span>吗?'},
                {id:6, text:'考<span class="sp">美国藤校、英国牛津、剑桥</span>选哪所国际学校好?'},
                {id:7, text:'读国际学校的孩子<span class="sp">出路</span>好吗?'},
                {id:3, text:'国际学校每年发布的大学<span class="sp">录取榜单</span>是真的还是假的?'},
              ]
            }
            
          }
        }
      }
    })
  </script>
  <link rel="stylesheet" href="./static/animation/animate.min.css" />
  <script type="text/javascript" src="./static/animation/wow.min.js"></script>
  <script>
      var wow = new WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 0,
          mobile: false,
          live: true
      });
      wow.init();
  </script>
  
</body>
</html>